滑鼠移到超連結,背景顏色變化

痞客邦滑鼠移到超連結,背景顏色變化

滑鼠移到超連結處,背景顏色變化,就會有一種"互動感",讓使用者更想點這個連結~

看起來就像這樣:

滑鼠移動到超連結

 

程式碼(痞客邦後台 → 樣式管理 → CSS原始碼):

.article-body a:hover

{

background-color: #C4E1FF;

}

---------------
程式碼解析

.article-body → 指文章內文

a:hover

a是痞客邦的文章超連結名稱

hover則是滑鼠移到目標時的動態效果,是CSS常用的屬性

background-color

背景顏色,也就是滑鼠移到目標時所要產生的顏色,這個就看你自己版面的設計。
我用的是:#C4E1FF (淡藍色)
---------
若是你要改的地方是標題:.article就換成.title

若是你要改的地方是側欄:.article就換成.box

要改哪裡,就去找它的位置名稱

痞客邦的html詳細架構,痞客邦有公告:

https://admin.pixnet.net/blog/post/7478518

在修改痞客邦CSS之前,先看過名稱會省下很尋找的時間。

 

 


arrow
arrow

    元元不絕 發表在 痞客邦 留言(0) 人氣()